<style>
	
	#pai{
		padding:8px;
		background-color:#ccc;
	}
	
	#filho{
		padding:8px;
		background-color:#eee;
	}
	
</style>


<div id="pai">
	Pai

	<div id="filho">Filho</div>
	
</div>

<script>
	
	function $(id){return document.getElementById(id)}
	
	var l1 = function() {
		alert('Pai 1')
	}
	
	var l2 = function() {
		alert('Pai 2')
	}
	
	var lf1 = function() {
		alert('Filho 1')
	}
	
	if (/firefox/.test(navigator.userAgent.toLowerCase())) {
		
		$('filho').addEventListener('click', lf1, false);
		$('pai').addEventListener('click', l1, false);
		$('pai').addEventListener('click', l2, false);
		
		$('pai').removeEventListener("click", l2, false);
		
	}
	else {
		
		$('pai').attachEvent('onclick', l1);
		$('pai').attachEvent('onclick', l2);
		$('filho').attachEvent('onclick', lf1);
		
	}
	
</script>